<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  </meta>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  </meta>
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>

  <div th:fragment="earlyWarning">
    <!-- 三色预警场所列表展示-->
    <div class="cd-popup3 earlyWarning-pop" id="earlyWarningModal">
      <!-- style="display: block;visibility: visible" -->
      <div class="cd-popup-container3 earlyWarningModal modalStyle earlyWarningPopStyle tableModal">
        <div class="modal-top"></div>
        <div class="modal-title mb24">三色预警场所</div>
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal"></a>
        <div class="earlyWarningSearchBox">
          <div class="rectifyBox clearfix none">
            <span class="btnStyle">全部</span>
            <span class="btnStyle">整改前</span>
            <span class="btnStyle">整改后</span>
          </div>
          <div>
            <!-- 搜索框 -->
            <div class="searchBox">
              <input class="form-control devAddress" type="text" placeholder="请输入单位名称">
              <span class="btnStyle earlyWarningSearchBtn">搜索</span>
              <ul class="searchList" style="display: none;">
                <!-- TODO -->
              </ul>
            </div>
            <div class="fr searchFilter">
              <span class="btnStyle active leveliskItem" levelisk="0">全部</span>
              <span class="btnStyle leveliskItem color61ff42" levelisk="1">一般火险等级</span>
              <span class="btnStyle leveliskItem colorffb142" levelisk="2">较大火险等级</span>
              <span class="btnStyle leveliskItem colorff4242" levelisk="3">高危火险等级</span>
            </div>
          </div>
        </div>
        <div class="tableBox">
          <table class="table table-bordered earlyWarningTable">
            <thead>
              <tr>
                <th>
                  <input type="checkbox" id="earlyWarningSelectAll">
                </th>
                <th>序号</th>
                <th>负责人/联系电话</th>
                <th>单位名称</th>
                <th>危险等级</th>
                <th>整改进度</th>
                <th>整改耗时</th>
                <th>整改成效</th>
                <th>最新上报时间</th>
                <th style="width:330px;">操作</th>
              </tr>
            </thead>
            <tbody class="tbodyList">

            </tbody>
          </table>
        </div>
        <!-- 关闭 -->
        <a class="cd-popup-close closeModal"></a>
        <!-- 添加按钮-->
        <div>
          <div class="addBtnStyle addEarlyWarning-trigger authorizeModifiable">添加</div>
        </div>
        <!-- 分页 -->
        <div class="earlyWarningPageBox pageBox" id="earlyWarningPageBox">
          <ul class="pagination" id="earlyWarningPage"></ul>
          <div class="pageJump none">
            <span>跳转到</span>
            <input type="text" />
            <span>页</span>
            <button type="button" class="button btn btn-default">跳转</button>
          </div>
        </div>
        <span>
          <span class="earlyWarningDownStyle" id="earlyWarningDownBtn"></span>
          <span class="deleteBtnStyle authorizeModifiable" id="earlyWarningDelBtn"></span>
        </span>
      </div>
    </div>


    <!-- 三色预警添加-->
    <div class="cd-popup3 addEarlyWarning-pop addEarlyWarning" id="addEarlyWarningModal">
      <!-- style="display: block;visibility: visible" -->
      <div class="cd-popup-container3 addEarlyWarningModal modalStyle addEarlyWarningPopStyle">
        <div class="modal-top"></div>
        <div class="modal-title">三色预警添加</div>
        <form id="addEarlyWarningForm">
          <!-- 隐藏域 -->
          <input type="hidden" name="onlyValue" value="" class="onlyValue">
          <div class="fl addEarlyWarningList-left clearfix">
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>负责人 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput" name="manager" autocomplete="off">
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>电话 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput" name="telephone" autocomplete="off">
                </div>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>单位名称 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput" name="unit" autocomplete="off">
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>地址 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput" name="address" autocomplete="off">
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3" style="width:21%; padding-right: 0;">
                <span>社区及网格:</span>
              </div>
              <div class="col-xs-9" style="width:79%;">
                <input type="text" class="form-control notEmptyInput" name="areaGrid" autocomplete="off">
              </div>
            </div>
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>经度 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput" name="latitudes" autocomplete="off">
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>纬度 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput" name="longitude" autocomplete="off">
                </div>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>所属组织 :</span>
              </div>
              <div class="col-xs-9">
                <select class="form-control my-form-control addEarlyWarningOrgList" name="orgId" style="width:100%;">
                </select>
              </div>
            </div>
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="col-xs-3">
                <span>上报时间 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput appearTimeVal disabledStyle" name="appearTime"
                  autocomplete="off" disabled>
              </div>
            </div>
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="col-xs-3">
                <span>上报人 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput appearPeople disabledStyle" name="appearPeople"
                  autocomplete="off" disabled>
              </div>
            </div>

            <!-- 传照片 -->
            <div class="earlyWarningPhoto">
              <ul>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="fr clearfix mt3">
            <!-- badly1;// 严重1
            slight1;// 轻微1 -->
            <div class="addEarlyWarningList">
              <p class="addEarlyWarningListLevelText">风险等级判定 :
                <span>( <i class="addEarlyWarningListLevelNumS">0</i>/<i class="addEarlyWarningListLevelNumM">0</i> )</span>
                <i class="addEarlyWarningListLevelTextS" style="font-size: 12px">一般</i><i class="addEarlyWarningListLevelTextM"
                  style="font-size: 12px">否决</i>
              </p>
              <ul>
                <li>
                  <span>1.通道畅通,基本没有私搭乱建和占用通道的现象</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly1">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight1">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>2.可燃装修材料少,或装修材料已采取有效防火处理</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly2">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight2">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>3.消防设施器材配备完备,且完好有效</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly3">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight3">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>4.用火,用电,用气符合技术规范要求</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly4">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight4">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>5.不存在三合一,二合一现象</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly5">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight5">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>6.落实消防安全负责人,能有效履行消防责任</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly6">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight6">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>7.经营者防火意识强,熟练掌握灭火和疏散逃生技能</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly7">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight7">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
              </ul>
            </div>
            <div class="row mt30" style="width:100%; margin-top: 54px;">
              <div class="col-xs-3">
                <span>预警等级 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput disabledStyle leveliskVal" autocomplete="off"
                  value="一般" disabled>
                <input type="hidden" class="form-control notEmptyInput disabledStyle leveliskVal" autocomplete="off"
                  value="一般" name="firstLevelisk">
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>备注 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput" name="remarks" autocomplete="off">
              </div>
            </div>
            <!-- 隐藏的input  uuid-->
            <div class="row none" style="width:100%;">
              <div class="col-xs-3">
                <span>uuid :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput uuidVal" name="uuid" autocomplete="off" disabled>
              </div>
            </div>
          </div>
          <!-- 确认按钮 -->
          <div class="addEarlyWarningBtnBox">
            <button type="submit" class="btn btn-primary addEarlyWarningBtn addEarlyWarningBtnSubmit" style="background-color: #70abe1;border: none;">确定</button>
            <button type="button" class="btn btn-primary none" style="background-color: #768fa5;border: none;">查看整改历史</button>
            <button type="button" class="btn btn-primary addEarlyWarningBtn cd-popup-close1" style="background-color: #768fa5;border: none;">取消</button>
          </div>
        </form>

        <!-- 关闭 -->
        <!-- <a href="javascript:;" class="cd-popup-close closeModal"></a> -->

      </div>
    </div>

    <!-- 三色预警查看详情-->
    <div class="cd-popup3 addEarlyWarning checkEarlyWarningDetails-pop checkEarlyWarningDetails" id="checkEarlyWarningDetails">
      <!-- style="display: block;visibility: visible" -->
      <div class="cd-popup-container3 addEarlyWarningModal modalStyle addEarlyWarningPopStyle">
        <div class="modal-top"></div>
        <div class="modal-title">三色预警查看详情</div>
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal"></a>
        <form id="checkEarlyWarningDetailsForm">
          <!-- 隐藏域 -->
          <input type="hidden" name="onlyValue" value="" class="onlyValue">
          <div class="fl addEarlyWarningList-left clearfix">
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>负责人 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput disabledStyle checkEarlyWarningDetailsManager"
                    name="manager" autocomplete="off" disabled>
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>电话 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput disabledStyle checkEarlyWarningDetailsTel" name="telephone"
                    autocomplete="off" disabled>
                </div>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>单位名称 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput disabledStyle checkEarlyWarningDetailsUnit" name="unit"
                  autocomplete="off" disabled>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>地址 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput disabledStyle checkEarlyWarningDetailsAddress"
                  name="address" autocomplete="off" disabled>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3" style="width:21%; padding-right: 0;">
                <span>社区及网格:</span>
              </div>
              <div class="col-xs-9" style="width:79%;">
                <input type="text" class="form-control notEmptyInput disabledStyle areaGridVal" name="areaGrid"
                  autocomplete="off" disabled>
              </div>
            </div>
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>经度 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput disabledStyle checkEarlyWarningDetailsLati" name="latitudes"
                    autocomplete="off" disabled>
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>纬度 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput disabledStyle checkEarlyWarningDetailsLongi"
                    name="longitude" autocomplete="off" disabled>
                </div>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>所属组织 :</span>
              </div>
              <div class="col-xs-9">
                <select class="form-control my-form-control addEarlyWarningOrgList disabledStyle checkEarlyWarningDetailsorgId"
                  name="orgId" style="width:100%;" disabled>

                </select>
              </div>
            </div>

            <!-- <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>上报时间 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput appearTimeVal disabledStyle checkEarlyWarningDetailsAppearTime"
                    name="appearTime" autocomplete="off" disabled>
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>上报人 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput disabledStyle appearPeople checkEarlyWarningDetailsAppearPeople"
                    name="appearPeople" autocomplete="off" disabled>
                </div>
              </div>
            </div> -->
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="col-xs-3">
                <span>上报时间 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput appearTimeVal disabledStyle checkEarlyWarningDetailsAppearTime"
                  name="appearTime" autocomplete="off" disabled>
              </div>
            </div>
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="col-xs-3">
                <span>上报人 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput appearPeople disabledStyle checkEarlyWarningDetailsAppearPeople"
                  name="appearPeople" autocomplete="off" disabled>
              </div>
            </div>

            <!-- 传照片 -->
            <div class="earlyWarningPhoto">
              <ul id="lightgallery" class="list-unstyled row list-unstyled1">
                <script id="checkEarlyWarningDetailsImgsTem" type="text/html">
                  {{ each data }}       
                    <!-- <li data-galpop-group="gallery" class="galpop"> -->
                    <li>
                      <a href="{{$value[1]}}" class="galpop" data-galpop-group="gallery">
                         <img class="pic img-responsive opacity1" src="{{$value[1]}}">  
                     <!-- <img data-magnify="gallery" class="pic img-responsive opacity1" src="/threeColor/getImg?id={{$value}}" data-src="/threeColor/getImg?id={{$value}}">   -->
                      </a>
                    </li>
                    {{ /each }}
                  </script>
              </ul>
              <ul id="lightgallery1" class="list-unstyled row none list-unstyled2">
                <li class="">
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li class="">
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li class="">
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li class="">
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li class="">
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="fr clearfix mt3">
            <!-- badly1;// 严重1
              slight1;// 轻微1 -->
            <div class="addEarlyWarningList">
              <p class="addEarlyWarningListLevelText">风险等级判定 :
                <span>( <i class="addEarlyWarningListLevelNumS">0</i>/<i class="addEarlyWarningListLevelNumM">0</i> )</span>
                <i class="addEarlyWarningListLevelTextS">一般</i><i class="addEarlyWarningListLevelTextM">否决</i>
              </p>
              <ul>
                <li>
                  <span>1.通道畅通,基本没有私搭乱建和占用通道的现象</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly disabledStyle" name="badly1" disabled>
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight disabledStyle" name="slight1" disabled>
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>2.可燃装修材料少,或装修材料已采取有效防火处理</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly disabledStyle" name="badly2" disabled>
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight disabledStyle" name="slight2" disabled>
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>3.消防设施器材配备完备,且完好有效</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly disabledStyle" name="badly3" disabled>
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight disabledStyle" name="slight3" disabled>
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>4.用火,用电,用气符合技术规范要求</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly disabledStyle" name="badly4" disabled>
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight disabledStyle" name="slight4" disabled>
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>5.不存在三合一,二合一现象</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly disabledStyle" name="badly5" disabled>
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight disabledStyle" name="slight5" disabled>
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>6.落实消防安全负责人,能有效履行消防责任</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly disabledStyle" name="badly6" disabled>
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight disabledStyle" name="slight6" disabled>
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>7.经营者防火意识强,熟练掌握灭火和疏散逃生技能</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly disabledStyle" name="badly7" disabled>
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight disabledStyle" name="slight7" disabled>
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
              </ul>
            </div>
            <div class="row mt30" style="width:100%; margin-top: 54px;">
              <div class="col-xs-3">
                <span>预警等级 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput disabledStyle leveliskVal checkEarlyWarningDetailsLevelisk"
                  autocomplete="off" value="一般" disabled>
                <input type="hidden" class="form-control notEmptyInput disabledStyle leveliskVal checkEarlyWarningDetailsLevelisk"
                  autocomplete="off" name="firstLevelisk" value="一般">
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>备注 :</span>
              </div>
              <div class="col-xs-9">
                <!-- <input type="text" class="form-control notEmptyInput checkEarlyWarningDetailsRemarks disabledStyle"
                  name="remarks" autocomplete="off" disabled> -->
                <textarea type="text" class="form-control notEmptyInput checkEarlyWarningDetailsRemarks disabledStyle"
                  name="remarks" autocomplete="off" disabled style="border: none; outline: none; resize: none; background-color: #738a9f;"></textarea>
              </div>
            </div>
            <!-- 隐藏的input  uuid-->
            <div class="row none" style="width:100%;">
              <div class="col-xs-3">
                <span>uuid :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput uuidVal" name="uuid" autocomplete="off" disabled>
              </div>
            </div>
          </div>
          <!-- 确认按钮 -->
          <div class="checkEarlyWarningDetailsBtnBox">
            <button type="submit" class="btn btn-primary confirmEarlyWarningDetails none" style="background-color: #70abe1;border: none;">确定</button>
            <button type="button" class="btn btn-primary earlyWarningQRCodeBtn" style="background-color: #768fa5;border: none;">查看二维码</button>
            <button type="button" class="btn btn-primary earlyWarningHistory earlyWaringRectify-trigger" style="background-color: #768fa5;border: none;">查看整改历史</button>
            <button type="button" class="btn btn-primary modifyEarlyWarningDetailsBtn" style="background-color: #768fa5;border: none;">修改</button>
            <button type="button" class="btn btn-primary cd-popup-close1 cancelEarlyWarningDetails none" style="background-color: #768fa5;border: none;">取消</button>
          </div>
        </form>
      </div>
    </div>

    <!-- 三色预警整改详情-->
    <div class="cd-popup3 addEarlyWarning modifyEarlyWarningDetails-pop modifyEarlyWarningDetails" id="modifyEarlyWarningDetails">
      <!-- style="display: block;visibility: visible" -->
      <div class="cd-popup-container3 addEarlyWarningModal modalStyle addEarlyWarningPopStyle">
        <div class="modal-top"></div>
        <div class="modal-title">三色预警整改</div>
        <form id="modifyEarlyWarningDetailsForm">
          <!-- 隐藏域 -->
          <input type="hidden" name="onlyValue" value="" class="onlyValue">
          <div class="fl addEarlyWarningList-left clearfix">
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>负责人 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput modifyEarlyWarningDetailsManager" name="manager"
                    autocomplete="off">
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>电话 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput modifyEarlyWarningDetailsTel" name="telephone"
                    autocomplete="off">
                </div>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>单位名称 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput modifyEarlyWarningDetailsUnit" name="unit"
                  autocomplete="off">
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>地址 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput modifyEarlyWarningDetailsAddress" name="address"
                  autocomplete="off">
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3" style="width:21%; padding-right: 0;">
                <span>社区及网格:</span>
              </div>
              <div class="col-xs-9" style="width:79%;">
                <input type="text" class="form-control notEmptyInput areaGridVal" name="areaGrid" autocomplete="off">
              </div>
            </div>
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>经度 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput modifyEarlyWarningDetailsLati" name="latitudes"
                    autocomplete="off">
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>纬度 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput modifyEarlyWarningDetailsLongi" name="longitude"
                    autocomplete="off">
                </div>
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>所属组织 :</span>
              </div>
              <div class="col-xs-9">
                <select class="form-control my-form-control modifyEarlyWarningDetailsorgId" name="orgId" style="width:100%;">
                </select>
              </div>
            </div>

            <!-- <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="fl" style="width:50%;">
                <div class="col-xs-4">
                  <span>上报时间 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput appearTimeVal disabledStyle modifyEarlyWarningDetailsAppearTime"
                    name="appearTime" autocomplete="off" disabled>
                </div>
              </div>

              <div class="fr" style="width:50%;">
                <div class="col-xs-4" style="text-align: right;padding-right: 5px;">
                  <span>上报人 :</span>
                </div>
                <div class="col-xs-8">
                  <input type="text" class="form-control notEmptyInput disabledStyle appearPeople modifyEarlyWarningDetailsAppearPeople"
                    name="appearPeople" autocomplete="off" disabled>
                </div>
              </div>
            </div> -->
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="col-xs-3">
                <span>上报时间 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput appearTimeVal disabledStyle modifyEarlyWarningDetailsAppearTime"
                  name="appearTime" autocomplete="off" disabled>
              </div>
            </div>
            <div class="row addEarlyWarningPointStyle" style="width:100%;">
              <div class="col-xs-3">
                <span>上报人 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput appearPeople disabledStyle modifyEarlyWarningDetailsAppearPeople"
                  name="appearPeople" autocomplete="off" disabled>
              </div>
            </div>

            <!-- 传照片 -->
            <div class="earlyWarningPhoto">
              <ul>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
                <li>
                  <img class="pic" src="">
                  <input class="upload" name="file" accept="image/*" type="file" style="display: none" />
                  <span>-</span>
                </li>
              </ul>
            </div>
          </div>
          <div class="fr clearfix mt3">
            <!-- badly1;// 严重1
              slight1;// 轻微1 -->
            <div class="addEarlyWarningList">
              <p class="addEarlyWarningListLevelText">风险等级判定 :
                <span>( <i class="addEarlyWarningListLevelNumS">0</i>/<i class="addEarlyWarningListLevelNumM">0</i> )</span>
                <i class="addEarlyWarningListLevelTextS">一般</i><i class="addEarlyWarningListLevelTextM">否决</i>
              </p>
              <ul>
                <li>
                  <span>1.通道畅通,基本没有私搭乱建和占用通道的现象</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly1">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight1">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>2.可燃装修材料少,或装修材料已采取有效防火处理</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly2">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight2">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>3.消防设施器材配备完备,且完好有效</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly3">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight3">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>4.用火,用电,用气符合技术规范要求</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly4">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight4">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>5.不存在三合一,二合一现象</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly5">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight5">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>6.落实消防安全负责人,能有效履行消防责任</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly6">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight6">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
                <li>
                  <span>7.经营者防火意识强,熟练掌握灭火和疏散逃生技能</span>
                  <label class="earlyWarning-checkbox_badly badly">
                    <input type="checkbox" class="checkbox_item_badly" name="badly7">
                    <i class="iconfont checkbox_icon_badly"></i>
                  </label>
                  <label class="earlyWarning-checkbox slight">
                    <input type="checkbox" class="checkbox_item_slight" name="slight7">
                    <i class="iconfont checkbox_icon_slight"></i>
                  </label>
                </li>
              </ul>
            </div>
            <div class="row mt30" style="width:100%; margin-top: 54px;">
              <div class="col-xs-3">
                <span>预警等级 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput disabledStyle leveliskVal modifyEarlyWarningDetailsLevelisk"
                  autocomplete="off" value="一般" disabled>
                <input type="hidden" class="form-control notEmptyInput disabledStyle leveliskVal modifyEarlyWarningDetailsLevelisk"
                  autocomplete="off" value="一般" name="firstLevelisk">
              </div>
            </div>
            <div class="row" style="width:100%;">
              <div class="col-xs-3">
                <span>备注 :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput modifyEarlyWarningDetailsRemarks" name="remarks"
                  autocomplete="off">
              </div>
            </div>
            <!-- 隐藏的input  uuid-->
            <div class="row none" style="width:100%;">
              <div class="col-xs-3">
                <span>uuid :</span>
              </div>
              <div class="col-xs-9">
                <input type="text" class="form-control notEmptyInput uuidVal" name="uuid" autocomplete="off" disabled>
              </div>
            </div>
          </div>
          <!-- 确认按钮 -->
          <div class="addEarlyWarningBtnBox">
            <button type="submit" class="btn btn-primary addEarlyWarningBtn addEarlyWarningBtnSubmit" style="background-color: #70abe1;border: none;">确定</button>
            <button type="button" class="btn btn-primary none" style="background-color: #768fa5;border: none;">查看整改历史</button>
            <button type="button" class="btn btn-primary addEarlyWarningBtn cd-popup-close1" style="background-color: #768fa5;border: none;">取消</button>
          </div>
        </form>
      </div>
    </div>

    <!-- 三色预警查看详情 二维码 -->
    <div class="cd-popup3 checkEarlyWarningDetailsQrCode checkEarlyWarningDetailsQrCode-pop" id="checkEarlyWarningDetailsQrCode">
      <div class="cd-popup-container3 checkEarlyWarningDetailsQrCodeModal modalStyle checkEarlyWarningDetailsQrCodePopStyle">
        <div class="modal-top"></div>
        <div class="modal-title mb24">二维码</div>
        <!-- 二维码 -->
        <div class="checkEarlyWarningDetailsQrCodeImg" id="checkEarlyWarningDetailsQrCodeImg">
          <!-- <div id="checkEarlyWarningDetailsQrCodeImgLogo">cdcdvcdvdv</div> -->
        </div>
        <div class="checkEarlyWarningDetailsQrCodeCode"><span style="margin-right: 10px;">编码:</span><span class="checkEarlyWarningDetailsQrCodeCode-pop"></span></div>

        <input class="checkEarlyWarningDetailsQrCodeReturn" type="button" value="返回">
      </div>
    </div>
  </div>
</body>

</html>